layui.use(['element', 'layer', 'form', 'table'], function () {
    var element = layui.element;
    var table = layui.table;
    var form = layui.form;
    var layer = layui.layer;

    var loginId_p = $.cookie('loginAdminId');//获取cookie
    if (loginId_p == null || loginId_p == 'null') {//判断是否登陆 =null=没登陆
        layer.alert("您还未登录", function () {
            window.location.replace("/games_info_sys/backstage_web/login.html");
        });
    } else if (atob(loginId_p).indexOf("Logined:") == 0) {//登陆状态中
        var usersCount = 0;
        //获取用户总数
        $.get("/games_info_sys/users/getUsersCount.do", function (res) {
            usersCount = res;
        })

        //展示已知数据
        table.render({
            elem: '#games_users_table'//关联table标签
            , id: 'games_users_table'//render标识
            , toolbar: true//开启右侧工具栏
            , url: '/games_info_sys/users/selectUsersLimit.do' //数据接口
            , cols: [[ //标题栏
                {field: 'uId', title: '账户编号', width: 100, sort: true}
                , {field: 'uName', title: '账户名称', width: 300}
                , {field: 'uPwd', title: '账户密码', width: 300}
                , {field: 'uSex', title: '用户性别', width: 100}
                , {field: 'uAge', title: '用户年龄', width: 100}
                , {field: 'uGames', title: '喜欢的游戏', width: 200}
                , {fixed: 'right', title: '操作', width: 189, align: 'center', toolbar: '#editbar'}//操作工具栏
            ]]
            //返回值解析
            , parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": usersCount, //解析数据长度
                    "data": res.data //解析数据列表
                }
            }

            , skin: 'line' //表格风格
            , even: true
            , page: true //是否显示分页
            , limits: [5, 7, 10]
            , limit: 6 //每页默认显示的数量
        });


//监听改查工具条
        table.on('tool(games_users_table)', function (obj) { //注：tool 是工具条事件名，games_msg_table 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）

            if (layEvent === 'del') { //删除
                layer.confirm('确定删除此用户吗', function (index) {
                    //向服务端发送删除指令
                    $.ajax({
                        url: "/games_info_sys/users/remove.do",
                        type: "POST",
                        contentType: "application/json",
                        data: JSON.stringify(data.uId),
                        success: function (res) {
                            if (res.data == "1") {
                                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                                layer.close(index);
                                layer.msg("删除成功");
                            } else {
                                layer.msg("删除失败");
                            }
                        },
                        error: function () {
                            layer.msg("删除提交出错,请检查网络");
                        }
                    });

                });
            } else if (layEvent === 'update') {//修改
                layer.open({
                    title: false,
                    type: 2,
                    anim: 2,
                    shadeClose: true, //点击遮罩关闭
                    area: setpageinfo(),//调用函数判断宽度自适应
                    content: 'service/editUserPage.html',
                    success: function (layero, index) {
                        //将当前行数据传给子页面
                        var body = layer.getChildFrame('body', index);
                        $(body).find('#uId').attr('value', data.uId);
                        $(body).find('#uName').attr('value', data.uName);
                        $(body).find('#uPwd').attr('value', data.uPwd);
                        if (data.uSex=="男"){
                            $(body).find('#sex1').attr('checked', 'checked');
                        }else if (data.uSex=="女"){
                            $(body).find('#sex2').attr('checked', 'checked');
                        }else if (data.uSex=="未知"||data.uSex==null){
                            $(body).find('#sex3').attr('checked', 'checked');
                        }
                        $(body).find('#uAge').attr('value', data.uAge);
                        $(body).find('#uGames').attr('value', data.uGames);
                    },
                    end: function () {//关闭窗口刷新表格数据
                        table.reload('games_users_table');
                    }
                });
            }
        });

//重载表格
        $("#getLike").click(function () {
            var keyword = $("#keyword").val();
            if (keyword != "" && keyword != null) {
                var url = '/games_info_sys/users/selectLikeKeyword.do?keyword=' + keyword
                table.reload('games_users_table', {
                    url: url
                    , parseData: function (res) { //res 即为原始返回的数据
                        return {
                            "code": 0, //解析接口状态
                            "msg": "", //解析提示文本
                            "count": res.total, //解析数据长度
                            "data": res //解析数据列表
                        }
                    }
                });
                layer.msg('关键词"' + keyword + '"搜索成功!');
            } else {
                layer.msg("请输入关键词!")
            }


        });


        //弹出信息层宽高自适应函数
        function setpageinfo() {
            if ($(window).width() < 458) {
                return ['100%', '100%'];
            } else {
                return ['70%', '70%'];
            }
        };

    }
});